<template>
  <div>
    <div class="title">版本管理</div>
    <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" border>
      <el-table-column label="序号" width="80" type="index"></el-table-column>
      <el-table-column prop="versionName" label="版本名称">
      </el-table-column>
      <el-table-column prop="versionNumber" label="版本号">
      </el-table-column>
      <el-table-column prop="activeName" label="类型">
        <template slot-scope="scope">
          <span v-if="scope.row.versionType=='ios'">苹果</span>
          <span v-else-if="scope.row.versionType=='android'">安卓</span>
          <span v-else>小程序</span>
        </template>
      </el-table-column>
      <el-table-column prop="updateTime" label="更新时间">
      </el-table-column>
    
    </el-table>
  </div>
</template>
<script>
  import apis from "../../../apis/modules/versionSetting"
  export default {
    data() {
      return {
        tableData: [],
      };
    },
    methods: {
      //获取版本管理
      getAppversion(){
        apis.getAppversion().then((res) => {
          if (res.code == 200) {
            this.tableData = res.data;
          }
        });
      },
    },
    mounted() {
      this.getAppversion();
    }
  };
</script>
<style lang="scss" scoped>
  .title{
    margin-bottom: 32px;
  }
</style>